<template>
  <div class="w-full h-full">
    <order-nav :title="$t('申述提交')" :back="false" @back="hide"/>
    <div class="mt-70">
      <div class="text-center">
        <img class="w-122 h-122" src="~@/assets/image/c2c/Group100.png" alt="">
        <div class="mt-35 font-700 font-56 textColor">{{$t('申诉成功')}}</div>
        <div class="mt-24 font-28 text-grey">
          <p class="mb-15 font-600">100 USDT</p>
          <p>{{$t('已返还至您的账户')}}</p>
        </div>
      </div>
    </div>
    <div class="px-33 mt-92">
      <order-data
        :count="count"
        :total-price="totalPrice"
        :order-number="orderNumber"
      />
    </div>
  </div>
</template>

<script>
import {
  mapState
} from "vuex";

import {Button} from "vant";
import OrderNav from "@/components/order-nav/OrderNav";
import OrderData from "@/page/c2cOrder/components/order-data/OrderData";

export default {
  name: "AppealWaiting",
  methods: {
    hide() {
      console.log(213)
      this.$emit("back");
    }
  },
  computed: {
    ...mapState('c2cBuy', ["count", "totalPrice", "orderNumber"])
  },
  components: {
    [Button.name]:Button,
    OrderNav,
    OrderData,
  }
}
</script>

<style scoped>

</style>